<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      /*
            逻辑运算式得到的结果不一定是布尔值

            逻辑运算式的结果跟短路有关
            如果短路了，整个式子的结果是左边那个式子的结果，如果没短路，是右边的结果

            短路：
                &&： 一假则假，左边为假就短路
                ||： 一真则真，左边为真就短路
                短路不执行右边
        */

      // true && alert(1)
      // false && alert(2)

      // true || alert(3)
      // false || alert(4)

      const res1 = 10 && 3
      console.log(res1) // 3

      const res2 = 10 - 10 && 3 + 5
      console.log(res2) // 0

      const res3 = 10 || 5
      console.log(res3) // 10

      const res4 = 0 || 5
      console.log(res4) // 5

      console.log(null || 5) // 5
    </script>
  </body>
</html>
